<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .box {
    /* 图片宽度 */
    /* width: 479px; */
    /* 容器宽度 */
    width: 800px;
    height: 388px;
    margin: 100px auto;
    /* 横向平铺（repeat-x）：解决无缝连接问题 */
    background: url(./img/mybg.png) repeat-x;
    animation: moveBG 5s linear infinite;
  }
  @keyframes moveBG {
    from {
      background-position: 0 0;
    }
    to {
      /* 动画终态宽度与图片宽度一致：解决停顿一下的问题 */
      /* 不是容器宽度，是图片宽度 */
      /* 正：往右，负：往左 */
      background-position: -479px 0;
    }
  }
</style>

<div class="box"></div>
